@extends("/mall_template",menu="mall",noMenu=false)
@import com.mgfireworks.mgplatform.mgshop.model.*
@args List<Product> productList
<div id="mall-item-package" class="mui-control-content mui-active">
@if(productList){
@for(Product p : productList){
	<div class="taocan mui-card">
		<a class="mui-card-header mui-card-media" href="p/@(p.getStockId()).html" style="height:50vw;background-image:url(static/img/package/tc1.jpg)"></a>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				<div class="mui-row">
					<div class="mui-col-xs-6">名称：@p.getProductName() </div>
					<div class="mui-col-xs-6">价格：@p.getPrice()元 </div>
				</div>
				<div class="mui-row">
					<div class="mui-col-xs-6">品牌：@p.getBandName() </div>
					<div class="mui-col-xs-6">规格：20发</div>
				</div>
				@p.getDescription();
			</div>
		</div>
	</div>
}}
	<div class="scroll-fix60"></div>
</div>
<div id="mall-item-supermarket" class="mui-control-content">
	<ul class="mui-table-view product-list2">
		<li class="mui-table-view-cell mui-media">
			<a href="market/21.html">
				<img src="static/img/supermaket/cs1.jpg">
			</a>
		</li>
		<li class="mui-table-view-cell mui-media">
			<a href="market/22.html">
				<img class="mui-pull-center" src="static/img/supermaket/cs2.jpg">
			</a>
		</li>
		<li class="mui-table-view-cell mui-media">
			<a href="market/23.html">
				<img class="mui-pull-center" src="static/img/supermaket/cs3.jpg">
			</a>
		</li>
		<li class="mui-table-view-cell mui-media">
			<a href="market/24.html">
				<img class="mui-pull-center" src="static/img/supermaket/cs4.jpg">
			</a>
		</li>
	</ul>
</div>
@section(script){
	<script type="text/javascript">
		mui("#jsMenuTaoCanChaoShi").on("tap","a",function() {
			$("#mall-item-package,#mall-item-supermaket").removeClass("mui-active");
        	$($(this).attr("href")).addClass("mui-active");
		});
	</script>
}